.my-input-number {
    --border: 1px solid var(--dark-grey);
    display: flex;
    border: var(--border);
    border-radius: 0.5em;
    overflow: hidden;
}

.my-input-number input {
    border: none;
    outline: none;
}

.my-input-number .left {
    border-right: var(--border);
}

.my-input-number .right {
    border-left: var(--border);
}

.my-input-number .btn {
    padding: 0 0.5em;
    font-size: 1.5em;
    background-color: var(--light-grey);
    cursor: pointer;
    user-select: none;
    font-family: Consolas, monospace;
}

.my-input-number .btn:hover {
    background-color: var(--grey);
}

.my-input-number .btn.disabled {
    cursor: not-allowed;
}